<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="less">
	/*每个页面公共css */
	body {
		font-family: 楷体;

	}

	.small {
		width: 340rpx;
		height: 340rpx;
		background-color: rgb(44, 75, 255);
		border-radius: 20rpx;
		font-size: 50rpx;
		font-weight: 700;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
		position: relative;

		.title {
			font-size: 50rpx;
			position: absolute;
			color: #76b852;
			top: 30rpx;
			left: 30rpx;
		}
	}

	.large {
		width: 715rpx;
		height: 300rpx;
		margin: 30rpx 0 0 20rpx;
		border-radius: 20rpx;
		margin-bottom: 20rpx;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
		position: relative;

		.title {
			font-size: 50rpx;
			position: absolute;
			top: 30rpx;
			left: 30rpx;
			font-weight: 700;
			color: #168eea;
		}
	}
	
	.banner {
		image {
			height: 200rpx;
			width: 100%;
		}
	}
</style>
